﻿
    
    <div class="shop_top" style="height:130px; background:{{d.head_bg_color}} ">
        <div style="width: 1190px; margin: auto;height:130px; background:#ffffff url({{d.head_img_url}}) center no-repeat;">
        <div style="padding:30px;">
        <table cellpadding="0" cellspacing="0" border="0"><tr><td><img style="" src="{{d.logo_url}}" /></td><td style="font-size:22px; padding-left:5px;">{{d.shop_name}}</td></tr></table>
        </div>
        </div>
    </div>
    <link rel="stylesheet" href="/themes/Style1/silder/css/jquery.tmailsilder.v2.css" />
    <script src="/themes/Style1/silder/scripts/jquery.tmailsilder.v2.js" type="text/javascript"></script>



	<style>
	/* Nav **/
	.tm-mei-nav{
	   width: 1190px;
	   height: 36px;
	   margin: 0 auto;
	   border-bottom: 1px solid #e61c4e;
	   position: relative;
	}
	.tm-mei-nav-cate{
	   position: absolute;
	   top: 0;
	   left: 0;
	   display: none;
	}
	.tm-mei-nav-cate .tm-mei-nav-cit{
	   display: block;
	   width: 240px;
	   height: 37px;
	   line-height: 37px;
	   text-align: center;
	   background: #e61c4e;
	   color: white;
	   font-size: 14px;
	   font-family: Tahoma, Arial, Hiragino Sans GB, Microsoft Yahei;
	   text-decoration: none;
	}
	.tm-mei-nav-cate .tm-mei-nav-cit:hover{
	   text-decoration: none;
	}
	.tm-mei-nav-chn li{
	   float: left;
	   margin-right: 30px;
	    *margin-right: 5px;
	    position: relative;
	}
	.tm-mei-nav-chn li s.nav-new{
	    background: url() no-repeat;
	    display: block;
	    width: 23px;
	    height: 13px;
	    position: absolute;
	    top: 0;
	    right: -10px;
	}
	.tm-mei-nav-chn li a{
	   display: block;
	   padding: 0 10px;
	   font-family: Tahoma, Arial, Hiragino Sans GB, Microsoft Yahei;
	   font-size: 14px;
	   font-weight: bold;
	   line-height: 36px;
	   color: #333333;
	   text-decoration: none;
	   *width: 75px;
	   *text-align: center;
	}
	.tm-mei-nav-chn li.current a{
	   color: #e61c4e;
	}
	.tm-mei-nav-chn li a:hover{
	   text-decoration: none;
	}
	.tm-mei-nav-indicator{
	   position: absolute;
	   width: 10px;
	   height: 3px;
	   bottom: 0;
	   left: 0;
	   background: #e61c4e;
	   display: none;
	}
	.tm-mei-nav-cate .tm-mei-cate{
	   position:absolute;
	   top: 37px;
	   left: 0;
	   float: none;
	   display: none;
	}
	/* 990状态 */
	.w990 .tm-mei-nav{
	   width: 990px;
	}
	@media (max-width: 1210px) {
	   .tm-mei-nav{
	      width: 990px;
	   }
	}
	.tm-mei-cate{
	    float: left;
	    width: 240px;
	    margin-right: 10px;
	    background: white;
	    position: relative;
	    z-index: 999;
	    margin-bottom:15px;
	}
	.tm-mei-cate .cate-nav{
	    border-top: 3px solid white;
	    border-bottom: 3px solid white;
	    border-left: 3px solid white;
	} 
	.tm-mei-cate ul .current{
	    background: #e61c4e;
	}
	.tm-mei-cate ul .current h2{
	    color: white;
	}
	.tm-mei-cate ul .current .cate-bd a{
	    color: white;
	}
	.tm-mei-cate .cate-item{
	    padding: 16px 16px 15px 13px;
	    height: 40px;
	    width: 208px;
	    border-bottom: 1px dotted #cccccc;
	}
	.tm-mei-cate .cate-item-last{
	    border-bottom: 1px dotted white;
	    padding-bottom: 17px;
	}
	.tm-mei-cate .current{
	    border-bottom: 1px dotted #e61c4e;
	}
	.tm-mei-cate .cate-nav h2{
	    font-size: 14px;
	    font-family: tahoma,arial,'Hiragino Sans GB',Microsoft Yahei, 5b8b4f53,sans-serif;
	    font-weight: bold;
	    line-height: 1.5;
	}
	.tm-mei-cate .cate-bd{
	    overflow: hidden;
	    height: 18px;
	}
	.tm-mei-cate .cate-bd li{
	    font-size: 12px;
	    font-family: tahoma,arial,'Hiragino Sans GB',Microsoft Yahei, 5b8b4f53,sans-serif;
	    float: left;
	    margin-right: 6px;
	    line-height: 18px;
	}
	.tm-mei-cate .cate-bd li a{
	    color: #535353;
	}
	.tm-mei-cate .cate-panel{
	    position: absolute;
	    left: 240px;
	    border-top: 0px solid #e61c4e;
	    border-bottom: 0px solid #e61c4e;
	    border-right: 0px solid #e61c4e;
	    width: 902px; 
	    top: 0;
	    background: white;
	    display: none;
	}
	.tm-mei-cate .cate-panel .cate-shadow{
	    background: url(http://gtms03.alicdn.com/tps/i3/T15zeXFAhlXXbhETA4-11-434.png) no-repeat;
	    width: 11px; 
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	.tm-mei-cate .cate-panel h3{
	    font-size: 24px;
	    font-family: tahoma,arial,'Hiragino Sans GB',Microsoft Yahei, 5b8b4f53,sans-serif;
	    font-weight: bold;
	    line-height: 46px;
	    color: #e61c4e;
	    height: 46px;
	    border-bottom: 1px solid #cccccc;
	    padding-left: 27px;
	} 
	.tm-mei-cate .sub-col{
	    border-right: 1px solid #cccccc;
	    float: left;
	    padding: 0 25px 25px 25px;
	    width: 150px; 
	    overflow: hidden;
	    position: relative;
	}
	.tm-mei-cate .sub-col3{
	    border-right: none;
	}
	.tm-mei-cate .sub-cate{
	    margin-top: 15px;
	}
	.tm-mei-cate .sub-cate h4{
	    font-size: 14px;
	    font-family: tahoma,arial,'Hiragino Sans GB',Microsoft Yahei, 5b8b4f53,sans-serif;
	    line-height: 30px;
	    height: 30px;
	}
	.tm-mei-cate .sub-cate .sub-items{
	    margin-left: -5px;
	}
	.tm-mei-cate .sub-cate .sub-items a{
	    color: #333333;
	    display: block;
	    float: left;
	    margin: 0 5px;
	    line-height: 22px;
	    height: 22px;
	}
	.tm-mei-cate .sub-banner{
	    position: absolute;
	    display: block;
	    bottom: 0;
	    right: 0;
	}
	</style>


    <div id="Z_TMAIL_SIDER_V2" class="sw_categorys_nav">
        <div class="container">
            <div class="allcategorys">
                <h3 class="title-item-hd">
                    <a href="javascript:void(0);">所有商品分类 <s class="icon"></s></a>
                </h3>
 <div class="sublist"> 
                <div class="tm-mei-cate w990hidden" id="J_TmMeiCate">
                   <ul class="cate-nav active">
                    {{# for(var i = 0, len = d.rows.length; i < len; i++){ }}
                   <li class="cate-item current"><h2>{{d.rows[i].NAME}}</h2><ul class="cate-bd clearfix">
                   
                        {{# for(var r = 0, lenr = d.rows[i].rows.length; r < lenr; r++){ }}
                       <li><a href="/c_ShopSearch.htm?ID={{d.shop_id}}&c2={{d.rows[i].rows[r].ID}}"
                           target="_blank" >{{d.rows[i].rows[r].NAME}}</a></li>
                       {{#}}}
                   </ul></li>
                   {{#}}} 

                   </ul>
                   <div class="cate-panels" >
                    {{# for(var i = 0, len = d.rows.length; i < len; i++){ }}
                        <div class="cate-panel" style="display: block;">      <s class="cate-shadow"></s>      <h3>{{d.rows[i].NAME}}</h3>      <a href="javascript:void(0);" class="cate-close" ></a>
                          
                            <div class="sub-col sub-col1 clearfix">
                                <div class="sub-cate">
                                    <h4>
                                        护肤</h4>
                                    <p class="sub-items clearfix">
                                        <a href="" target="_blank" >洁面</a></p>
                                </div>
                                <div class="sub-cate">
                                    <h4>
                                    </h4>
                                    <p class="sub-items clearfix">
                                    </p>
                                </div>
                                <div class="sub-cate">
                                    <h4>
                                    </h4>
                                    <p class="sub-items clearfix">
                                    </p>
                                </div>
                            </div>




                              <div class="sub-col sub-col2 clearfix">
                                <div class="sub-cate">
                                    <h4>
                                        护肤</h4>
                                    <p class="sub-items clearfix">
                                        <a href="" target="_blank" >洁面</a></p>
                                </div>
                                <div class="sub-cate">
                                    <h4>
                                    </h4>
                                    <p class="sub-items clearfix">
                                    </p>
                                </div>
                                <div class="sub-cate">
                                    <h4>
                                    </h4>
                                    <p class="sub-items clearfix">
                                    </p>
                                </div>
                            </div>
                              <div class="sub-col sub-col2 clearfix">
                                <div class="sub-cate">
                                    <h4>
                                        护肤</h4>
                                    <p class="sub-items clearfix">
                                        <a href="" target="_blank" >洁面</a></p>
                                </div>
                                <div class="sub-cate">
                                    <h4>
                                    </h4>
                                    <p class="sub-items clearfix">
                                    </p>
                                </div>
                                <div class="sub-cate">
                                    <h4>
                                    </h4>
                                    <p class="sub-items clearfix">
                                    </p>
                                </div>
                            </div>
                              <div class="sub-col sub-col2 clearfix">
                                <div class="sub-cate">
                                    <h4>
                                        护肤</h4>
                                    <p class="sub-items clearfix">
                                        <a href="" target="_blank" >洁面</a></p>
                                </div>
                                <div class="sub-cate">
                                    <h4>
                                    </h4>
                                    <p class="sub-items clearfix">
                                    </p>
                                </div>
                                <div class="sub-cate">
                                    <h4>
                                    </h4>
                                    <p class="sub-items clearfix">
                                    </p>
                                </div>
                            </div>
                            
                            </div>
                        
                   {{#}}} 
                   </div>
               </div>

</div>
            </div>
            <div style="height: 30px;display:inline-block;  float: left; padding: 0px; font-weight: bold;
                color: #ffffff;">
                <ul class="dealer-main-menu">
                    <li><a href="/c_ShopView.htm?ID={{d.shop_id}}">首页</a></li>
                    <li><a href="/c_ShopSearch.htm?ID=ID={{d.shop_id}}&t=1">掌柜推荐</a></li>
                    <li><a href="/c_ShopSearch.htm?ID=ID={{d.shop_id}}&x=1">新品抢购</a></li> 
                </ul>



            </div>

            <div style="height: 30px;display:inline-block; width:150px; float: right; padding: 6px; font-weight: bold;
                color: #ffffff;"> 
                <form action="/c_ShopSearch.htm?ID={{d.shop_id}}" target="_self" id="J_CrumbSearchForm" style="height:20px; margin:auto;"> 

                <span class="textBox" style="overflow:hidden;border:0px solid silver;display:inline-block;padding:2px;position:relative;">
 	        <input type="text" style=" border:0px;height:22px;width:150px;"  name="f" title="查询当前店铺商品"/>
         <a href="javascript:void(0);" onclick="J_CrumbSearchForm.submit();" style="display:block;position:absolute;width:20px;height:22px; top:2px;right:2px;background:url(/themes/Style1/Image/icon.gif) no-repeat center center;"></a>
     </span>
    </form>

            </div>


        </div>
    </div>

    
    <script type="text/javascript">
        $('#Z_TMAIL_SIDER_V2').Z_TMAIL_SIDER_V2();
         
    </script> 